.box {

  // 导航栏
  .titleNav {
    .custom-image {
      height: 80rpx;
      width: 180rpx;
    }
  }

  // 轮播
  .swiperBox {
    swiper {
      height: 480rpx;

      swiper-item {
        image {
          width: 100%;
        }
      }
    }
  }

  //文字轮播
  .fontBox {
    width: 90%;
    margin: 20rpx auto;
    padding: 5rpx 0;
    display: flex;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(209, 213, 219, 0.5) 50%, rgba(255, 255, 255, 0.00) 99%) 2 2 2 2;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(209, 213, 219, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
    .t-notice-bar{
      background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(209, 213, 219, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
      padding: 10rpx 0;
    }
  }

  //宫格
  

  //商品列表
  .shopBox{
    width: 96%;
    margin: 20rpx auto;
    .shopBox-title{
      font-weight: bold;
      border-left: 6px solid #000;
      padding-left: 20rpx;
      margin-bottom: 20rpx;
    }
    .shopListbox{
      display: flex;
      justify-content: space-between;
      padding: 25rpx 0;
      .shopListbox-left{
        width: 36%;
        border-radius: 15rpx;
        overflow: hidden;
        image{
          width: 100%;
          height: 100%;
        }
      }
      .shopListbox-right{
        width: 60%;
        .shopListbox-right2{
          color: rgb(150, 150, 150);
          font-size: 27rpx;
          margin: 20rpx 0;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
        .shopListbox-right3{
          color: rgb(150, 150, 150);
          font-size: 27rpx;
          margin-bottom: 70rpx;
        }
        .shopListbox-right4{
          color: #ccac5d;
          font-size: 27rpx;
        }
      }
    }
  }
}